{page.doctype}
<html>
    <head>
        <title>{page.title}</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <base href="{page.baseurl}" />
        {page.assets.style}
    </head>
    <body>
        <div id="universe">
            <div id="sidebar">
                <div id="logo">
                    <a href="#universe"><img src="static/images/logo.png" alt="phpRaise" /></a>
                    <span id="version">v {framework.version}</span>
                </div>
                <div id="menu">
                    <ul>
                        <li><a href="#features">Features</a></li>
                        <li><a href="#whatsnew">What's New?</a></li>
                        <li><a href="#demo">Demo</a></li>
                        <li><a href="#recipes">Recipes</a></li>
                    </ul>
                </div>
                <div id="sidenote">
                    phpRaise is a <a href="http://code.google.com/p/phpraise/" target="_blank">open source</a> PHP framework project designed and developed by <a href="http://mauris.sg/more" target="_blank">Sam-Mauris Yong</a> licensed under the <a href="http://www.opensource.org/licenses/bsd-license.php" target="_blank">New BSD License</a> and <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons 3.0 BY</a>.
                </div>
            </div>
            <div id="content-wrap">
                <div id="content">
                    {contentPages}
                </div>
            </div>
        </div>
        {page.assets.script}
        <script type="text/javascript">
            $(function(){
                $('#menu a, #logo a, a.internal').click(function(e){
                    $('html, body').stop().animate({
                            scrollTop: $($(this).attr('href')).offset().top
                    }, 500);
                    e.preventDefault();
                });
            });
        </script>
    </body>
</html>
